<style type="text/css">
	.mui-card-content {
		padding-bottom: 0;
	}
</style>

<div class="mui-card">
	<!--页眉，放置标题-->
	<!--<div class="mui-card-header">页眉</div>-->
	<!--内容区-->
	<div class="mui-card-content" data-row='{{$row}}' onclick="go2detail(eval('(' + $(this).attr('data-row') + ')'))" >
		<div class="mui-row">
			<div class="mui-col-xs-4">
				<img class="hmx-list-img-large" src="{{picPathBaseUrl}}{{image}}" />
			</div>
			<div class="mui-col-xs-8">
				<div class="mui-row hmx-test-xs mui-text-center">
					<div class="mui-col-xs-3 mui-text-right">
						<span class="icon-play"></span>
						<span class="mui-tab-label">{{playCount}}</span>
					</div>
					<div class="mui-col-xs-6">
						<span class="icon-time"></span>
						<span class="mui-tab-label">{{upTime}}</span>
					</div>
					<div class="mui-col-xs-3 mui-text-left">
						<span class="icon-rss"></span>
						<span class="mui-tab-label">{{subscriptionCount}}</span>
					</div>
				</div>
				<div class="mui-row hmx-text-md">
					<span>{{specialName}}</span>
				</div>
				<div class="mui-row hmx-test-xs" style="padding-left: 8px;">
					{{specialDesc}}
				</div>
				<div class="mui-row">
					<div class="mui-col-xs-6 hmx-text-md hmx-text-orange">
						<span>￥</span>
						<span class="mui-tab-label">{{unitPrice}}元</span>
					</div>
					<div class="mui-col-xs-6 mui-text-right">
						<button data-row='{{$row}}' onclick="go2detail(eval('(' + $(this).attr('data-row') + ')'))" type="button" class="mui-btn hmx-btn-orange" style="font-size: 74%;">详情</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--页脚，放置补充信息或支持的操作-->
	<!--<div class="mui-card-footer">
		<div class="mui-row">
			<div class="mui-col-xs-2 hmx-text-md">
				歌单
			</div>
			<div class="mui-col-xs-9 hmx-test-xs">
				01.XXXXXX
			</div>
			<div class="mui-col-xs-1 mui-text-center">
				<span class="icon-caret-down"></span>
			</div>
		</div>
	</div>-->
</div>